<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>list courses</title>
</head>
<body>

<table width="100%" align="center">
<tr>
<td align="left" colspan="2">Wszystkie szkolenia:</td>
</tr>
<tr>
<td width="100%" valign="top">
<div id="feedback">
		<span class="color color-1"></span>
		<span class="color color-2"></span>
		<span class="color color-3"></span>
		<span class="color color-4"></span>
		<span class="color color-5"></span>   
		<div class="section"> 	
<table width="100%" height="100%" class="sortable" cellspacing="4">
	<tr>
		<td width="20">Id</td>
		<td width="220">Tytuł szkolenia</td>
		<td>Opis szkolenia</td>
		<td width="150">Ikona</td>
		<td width="90">Ilość stron</td>
		<td width="90">Typ</td>
	</tr>
	<c:forEach items="${coursesList}" var="course">
		<tr>
			<td>${course.course_id}</td>
			<td>${course.title}</td>
			<td>${course.description}</td>
			<td align="center">
				<img width="150" height="120" src="${pageContext.request.contextPath}/resources/images/szkolenia/szkolenie_${course.course_id}.png" />
			</td>
			<td>100</td>
			<td>
				<c:if test="${course.course_id<3}">Szkolenie obowiązkowe</c:if>
				<c:if test="${course.course_id>2}">Szkolenie komplementarne</c:if>
				<c:if test="${course.enabled=='true'}"><br/>[ aktywne ]</c:if>
				<c:if test="${course.enabled=='false'}"><br/>[ nieaktywne ]</c:if>
			</td>
		</tr>
	</c:forEach>
</table>

</div>
</div>
</td>
<td width="400" class="tab1" style="padding-left: 10px" valign="top">
Nasi trenerzy:<br/><br/>
			<div id="feedback">
				<span class="color color-1"></span>
			    <span class="color color-2"></span>
			    <span class="color color-3"></span>
			    <span class="color color-4"></span>
			    <span class="color color-5"></span>   
			    <div class="section">        
			    <img src="${pageContext.request.contextPath}/resources/images/trenerzy/1.jpg" /> Szymon Wiśniewski</div>
			</div>
			<div id="feedback">
				<span class="color color-1"></span>
			    <span class="color color-2"></span>
			    <span class="color color-3"></span>
			    <span class="color color-4"></span>
			    <span class="color color-5"></span>   
			    <div class="section">        
			    <img src="${pageContext.request.contextPath}/resources/images/trenerzy/2.jpg" /> Jarosław Pochłopień
			    </div>
			</div>
			<div id="feedback">
				<span class="color color-1"></span>
			    <span class="color color-2"></span>
			    <span class="color color-3"></span>
			    <span class="color color-4"></span>
			    <span class="color color-5"></span>   
			    <div class="section">        
			    <img src="${pageContext.request.contextPath}/resources/images/trenerzy/3.jpg" /> Damian Durda
			    </div>
			</div>
			<div id="feedback">
				<span class="color color-1"></span>
			    <span class="color color-2"></span>
			    <span class="color color-3"></span>
			    <span class="color color-4"></span>
			    <span class="color color-5"></span>   
			    <div class="section">        
			    <img src="${pageContext.request.contextPath}/resources/images/trenerzy/malinowska.jpg" /> Justyna Malinowska
			    </div>
			</div>
			<div id="feedback">
				<span class="color color-1"></span>
			    <span class="color color-2"></span>
			    <span class="color color-3"></span>
			    <span class="color color-4"></span>
			    <span class="color color-5"></span>   
			    <div class="section">        
			    <img src="${pageContext.request.contextPath}/resources/images/trenerzy/kosinski.png" /> Łukasz Kosiński
			    </div>
			</div>
			<div id="feedback">
				<span class="color color-1"></span>
			    <span class="color color-2"></span>
			    <span class="color color-3"></span>
			    <span class="color color-4"></span>
			    <span class="color color-5"></span>   
			    <div class="section">        
			   	Grzegorz Trzopek
			    </div>
			</div>
			<div id="feedback">
				<span class="color color-1"></span>
			    <span class="color color-2"></span>
			    <span class="color color-3"></span>
			    <span class="color color-4"></span>
			    <span class="color color-5"></span>   
			    <div class="section">        
			   	Piotr Różański
			    </div>
			</div>
</tr>
</table>
</body>
</html>
